<!DOCTYPE html>
<html>
<head>
    <title>目标考核</title>
    <meta charset="utf-8"/>
    <script type="text/javascript" src="../../app/static/js/jquery/jquery.js"></script>
    <script src="../../app/static/js/top.js" type="text/javascript"></script>
    <link  rel="stylesheet" href="../../app/static/lib/semantic/css/semantic.min.css"/>
    <link  rel="stylesheet" href="../../app/static/css/target_manage/target_check.css"/>

    <style>
        .app_blue{
            background-color: #0d71bb;
        }
        body {
            overflow: auto;
        }
        #download_iframe{
            display: none;
        }
        .container-box>.ui.grid{
            margin: 0;
        }
    </style>

</head>
<body>
<div class="top_div"></div>

<div class="container-box">
    <div class="ui grid">
        <div class="two column row">
            <!--  栅格一  -->
            <div class="column">

                <div class="box box-primary">
                    <div class="ui small header">选择模板</div>
                    <div class="box-body">
                        <button class="fluid ui blue button" id="openLoadModal">下载导入模板</button>
                    </div>
                </div>

            </div>
            <!--  栅格二  -->
            <div class="column">

                <div class="box box-primary">
                    <div class="ui small header">选择文件</div>
                    <div class="box-body">
                        <input type="file"  id="files" />
                        <br />
                        <button class="ui violet button hide" id="add-file">添加文件 </button>
                        <button class="ui primary button" id="upload-btn">上传 </button>
                        <button class="ui button" id="reset-file">重置 </button>
                        <div class="ui ordered reset-list hide"></div>
                    </div>
                </div>

            </div>
            <!--  栅格三  -->
            <!--<div class="column">-->
                <!--<div class="box box-primary">-->
                    <!--<div class="ui small header">操作按钮</div>-->
                    <!--<div class="box-body">-->
                        <!--<button id="dataImport-btn_dr" class="fluid ui blue button"  disabled="">导入</button>-->
                        <!--<button id="dataImport-btn_cz" class="fluid ui blue button"  disabled="">重置</button>-->
                    <!--</div>-->
                <!--</div>-->

            <!--</div>-->



        </div>
    </div>

</div>

<!-- 下载导入模板 Modal -->
<div class="ui modal" id="downLoadTemplate_Modal" >
    <i class="close icon"></i>
    <div class="header">
        下载导入模板
    </div>
    <div class=" content">
        <form>
            <div class="form-group">
                <label >报告期：</label>
                <label >年份</label>
                <select id="report_time_option" style="width:250px; ">
                    <option value="" ></option>
                </select>
                <label >月份</label>
                <select id="report_time_month_option" style="width:20%; ">
                    <option value="01" >1月</option>
                    <option value="02" >2月</option>
                    <option value="03" >3月</option>
                    <option value="04" >4月</option>
                    <option value="05" >5月</option>
                    <option value="06" >6月</option>
                    <option value="07" >7月</option>
                    <option value="08" >8月</option>
                    <option value="09" >9月</option>
                    <option value="10" >10月</option>
                    <option value="11" >11月</option>
                    <option value="12" >12月</option>
                </select>

            </div>
            <div class="form-group">
                <label >指标体系:</label>
                <select id="target_check_index" style="width:500px; " tabindex="-1"  aria-hidden="false">
                    <option value="" ></option>
                </select>
            </div>
            <div class="form-group">
                <label >指标字段：</label>
                <!--<input type="text" class="form-control" id="index_nemo" placeholder=""/>-->
                <div class="ui celled relaxed index-list list">
                    <div class="item">
                        <!--<div class="ui master checkbox">-->
                            <!--<input type="checkbox" name="allIndex"/>-->
                            <!--<label>选择全部指标</label>-->
                        <!--</div>-->
                        <div class="index-child-list list">
                            <!--<div class="item">-->
                            <!--<div class="ui child checkbox">-->
                            <!--<input type="checkbox" name="allIndex"/>-->
                            <!--<label>选择全部指标</label>-->
                            <!--</div>-->
                            <!--</div>-->
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <div class="actions">
        <div class="ui button">取消</div>
        <div class="ui button" id="downLoadTemplate">下载模板</div>
    </div>
</div>

<!-- 上传导入模板 Modal -->
<div class="ui modal" id="uploadTemplate_Modal" >
    <i class="close icon"></i>
    <div class="header">
        上传模板
    </div>
    <div class=" content">
        <form>
            <div class="form-group">
                <label >报告期：</label>
                <label >年份</label>
                <select class="report_time_option" id="" style="width:250px; ">
                    <option value="" ></option>
                </select>
                <label >月份</label>
                <select  class="report_time_month_option"  style="width:20%; ">
                    <option value="01" >1月</option>
                    <option value="02" >2月</option>
                    <option value="03" >3月</option>
                    <option value="04" >4月</option>
                    <option value="05" >5月</option>
                    <option value="06" >6月</option>
                    <option value="07" >7月</option>
                    <option value="08" >8月</option>
                    <option value="09" >9月</option>
                    <option value="10" >10月</option>
                    <option value="11" >11月</option>
                    <option value="12" >12月</option>
                </select>

            </div>
            <div class="form-group">
                <label >指标体系:</label>
                <select class="indexList"  style="width:500px; " tabindex="-1"  aria-hidden="false">
                    <option value="" ></option>
                </select>
            </div>
        </form>
    </div>
    <div class="actions">
        <div class="ui button">取消</div>
        <div class="ui button upload_file" >上传</div>
    </div>
</div>

<iframe id="download_iframe" src=""></iframe>

<div class="footer_div">
    <iframe class="footer_iframe" src="../web/footer.html"></iframe>
</div>

<script src="../../app/static/js/target_manage/target_check.js" type="text/javascript"></script>
<script type="text/javascript" src="../../app/static/lib/semantic/javascript/semantic.ming.js"></script>
</body>
</html>